<template>
  <div>
    <!-- 头部部分 -->
    <header class="header">
      <h1>todos</h1>
      <input 
      class="new-todo" 
      placeholder="请输入任务名称" 
      autofocus 
      @keyup.enter="keyConter"
      v-model.trim="todoName"
      />
    </header>
  </div>
</template>

<script>
export default {
  name: 'HradList',
  components: {},
  props: {},
  data() {
    return {
      todoName:''
    }
  },

  methods: {
    keyConter(){
      if(!this.todoName) return alert('输入的内容不能为空')
      this.$emit('keyConter',this.todoName)
      this.todoName = ''
    }
  },
}
</script>

<style scoped></style>
